export default {
  name: 'EMinderTips',
  data() {
    return {
      list: [
        { key: 'Ctrl+C', text: this.$t('tips.copyPasteNode') },
        { key: this.$t('tips.slidingWheel'), text: this.$t('tips.zoom') },
        { key: this.$t('tips.rightClickOnEmptySpace'), text: this.$t('tips.zoom') },
        { key: this.$t('tips.rightClickMenu'), text: this.$t('tips.zoom') }
      ]
    }
  },
  render(h) {
    return h('div', {
      class: 'minder-tips'
    }, [
      h('p', {}, [h('span', { class: { 'operate': true }}, ['Ctrl+C/V']), this.$t('tips.copyPasteNode')]),
      h('p', {}, [h('span', { class: { 'operate': true }}, ['Ctrl+' + this.$t('tips.slidingWheel')]), this.$t('tips.zoom')]),
      h('p', {}, [h('span', { class: { 'operate': true }}, [this.$t('tips.rightClickOnEmptySpace')]), this.$t('tips.dragTheStructureTree')]),
      h('p', {}, [h('span', { class: { 'operate': true }}, [this.$t('tips.rightClickMenu')]), this.$t('tips.supportShortcutKeys')])
    ])
  }
}
